const DrawBalls = (
    ballradius: number,
    x:number,
    y:number,
    ballStyle:string,
    ctx: CanvasRenderingContext2D,
) => {
    // const  drawBalls = (ballradius: number, x:number, y:number, ballStyle: string, ctx: any) => {
    //     ctx.beginPath();
    //     ctx.arc(x, y, ballradius, 0, Math.PI*2);
    //     // ctx.fillStyle = st? ballStyle : 'tomato';
    //     ctx.fillStyle = ballStyle;
    //     ctx.fill();
    //     ctx.closePath();
    // const circle = new Path2D();
    // }
    // console.log(ctx.isPointInStroke(x,y));

    return (
    // ctx.beginPath(),
        ctx?.beginPath(),
        ctx.arc(x, y, ballradius, 0, Math.PI*2),
        // ctx.fillStyle = st? ballStyle : 'tomato';
        ctx.fillStyle = ballStyle,
        ctx.fill(),
        ctx.closePath() 
    );
}
 
export default DrawBalls;